<template>
	<div class="content">
		<el-tabs v-model="activeName" type="card" @tab-click="handleClick">
			<el-tab-pane label="家政岗位招聘人员管理" name="first">
				<div style="width: 100%;height:855px; border: 1px solid #CCCCCC;">
					<div class="value" style="margin: 13px 0 3px 0;display: flex;flex-direction: column; ">
						<div class="flex" style="display: flex;justify-content: space-between;">
							<div class="input">
								<p style="
						        line-height: 40px;">雇主姓名:</p>
								<el-input placeholder="请输入内容" v-model="form.name"></el-input>
							</div>
							<!-- <div class="input">
								<p style="
							
						    line-height: 40px;">门店名称:</p>
								<el-input placeholder="请输入内容"></el-input>
							</div> -->
							<div class="input adds" @click="address_box=true">
								<p style="line-height: 40px;">所在地区:</p>
								<el-input placeholder="请输入内容" v-model="address"></el-input>
							</div>
							<div></div>
						</div>
						<div class="flex" style="display: flex;justify-content: space-between; margin-left: 6px;">
							<div class="block">
								<span class="demonstration">注册时间:</span>
								<el-date-picker v-model="value1" type="daterange" range-separator="至"
									start-placeholder="开始日期" end-placeholder="结束日期">
								</el-date-picker>
							</div>
							<div class="input">
								<p style="line-height: 40px; width: 82px;margin-left: 18px;">排序方式:</p>
								<el-select v-model="value" placeholder="请选择" @change="Type">
								    <el-option
								      v-for="item in options"
								      :key="item.value"
								      :label="item.label"
								      :value="item.value">
								    </el-option>
								  </el-select>
							</div>
							<el-button type="primary" style="
						      width: 155px;
						      height: 42px;
						      background: #004DD5;
						  	  font-size: 17px;
						  	  font-family: PingFang SC;
						  	  font-weight: 500;
						  	  line-height: 18px;
						  	  color: #FFFFFF;" @click="query(form)">查询</el-button>
						</div>


					</div>
					<el-table @cell-click="handle" :data="tableData" style="width: 100%;">
					     <el-table-column 
					       label="雇主姓名/门店名称"
							prop="name"
					       width="180">
					     </el-table-column>
					     <el-table-column
					       prop="startTime"
					       label="注册时间"
					       width="180">
					     </el-table-column>
					     <el-table-column
					       prop="addressCounty"
					       label="所在地区">
					     </el-table-column>
						  <el-table-column
						    prop="deliverPeople"
						    label="投递人数"
						    width="180">
						  </el-table-column>
						  <el-table-column
						    prop="invitePeople"
						    label="邀约人数"
						    width="180">
						  </el-table-column>
						  <el-table-column
						    prop="interviewPeople"
						    label="待面试人数">
						  </el-table-column>
						  <el-table-column
						    prop="failedInterviewPeople"
						    label="面试未通过人数">
						  </el-table-column>
						  <el-table-column
						    prop="acceptedPeople"
						    label="已录用人数">
						  </el-table-column>
						  <el-table-column
						    prop="guaranteePeople"
						    label="满保障期人数">
						  </el-table-column>
						
					   </el-table>
					<!-- <el-table @cell-click="handle" :data="tableData" style="width: 100%;">
						<el-table-column prop="name" label="雇主姓名/门店名称" width="180"></el-table-column>
						<el-table-column prop="startTime" label="注册时间" width="180"></el-table-column>
						<el-table-column prop="addressCounty" label="所在地区" width="180"></el-table-column>
						<el-table-column prop="deliverPeople" label="投递人数" width="180"></el-table-column>
						<el-table-column prop="invitePeople" label="邀约人数" width="180"></el-table-column>
						<el-table-column prop="interviewPeople" label="待面试人数" width="180"></el-table-column>
						<el-table-column prop="failedInterviewPeople" label="面试未通过人数" width="180"></el-table-column>
						<el-table-column prop="acceptedPeople" label="已录用人数" width="180"></el-table-column>
						<el-table-column prop="guaranteePeople" label="满保障期人数" width="190"></el-table-column>

					</el-table> -->
				</div>
			</el-tab-pane>
			<!-- 岗位管理 -->
			<el-tab-pane label="岗位管理" name="second">
				<div class="job-title">
					<p @click="page=1" :class="page==1?'blue':''">发布中</p>
					<p @click="page=2" :class="page==2?'blue':''">已下架</p>
					<p @click="page=3" :class="page==3?'blue':''">待支付</p>
					<p@click="page=4" :class="page==4?'blue':''">已支付</p>
				</div>
				<div v-if="page==1" class="job-content">
					<div class="value" style="margin: 23px 0 23px 0;display: flex;flex-direction: column; ">
						<div style="display: flex;margin-left: 58px; width: 100%;">
							<div class="input">
								<p style="
							  line-height: 40px;">雇主姓名:</p>
								<el-input placeholder="请输入内容"></el-input>
							</div>
							<!-- <div class="input">
								<p style="
								
							    line-height: 40px;">门店名称:</p>
								<el-input placeholder="请输入内容"></el-input>
							</div> -->
							<div class="input">
								<p style="
							    line-height: 40px;">所在地区:</p>
								<el-input placeholder="请输入内容"></el-input>
							</div>

						</div>
						<div style="display: flex;justify-content: space-around;margin: 32px 0 7px -267px;">
							<div class="block">
								<span class="demonstration">注册时间:</span>
								<el-date-picker v-model="value1" type="daterange" range-separator="至"
									start-placeholder="开始日期" end-placeholder="结束日期">
								</el-date-picker>
							</div>
							<!-- <div class="input">
								<p style="line-height: 40px;">排序方式:</p>
								<el-input placeholder="请输入内容"></el-input>
							</div> -->
							<el-button type="primary" style="
							      width: 155px;
							      height: 42px;
							      background: #004DD5;
							  	  font-size: 17px;
							  	  font-family: PingFang SC;
							  	  font-weight: 500;
							  	  line-height: 18px;
							  	  color: #FFFFFF;">查询</el-button>
						</div>
						<!-- <el-table @cell-click="handle" :data="tableData" style="width: 100%;">
							<el-table-column prop="date" label="雇主姓名/门店名称" width="190"></el-table-column>
							<el-table-column prop="date" label="岗位名称" width="190"></el-table-column>
							<el-table-column prop="date" label="工作地区" width="190"></el-table-column>
							<el-table-column prop="date" label="详细地址" width="190"></el-table-column>
							<el-table-column prop="date" label="薪资待遇" width="190"></el-table-column>
							<el-table-column prop="date" label="招聘人数" width="190"></el-table-column>
							<el-table-column prop="date" label="发布日期" width="187"></el-table-column>
							<el-table-column label="操作" width="303">
								<template v-if="page==1" slot-scope="scope">
									<el-button style="border: 1px solid; width: 76px;" @click="Jobdetails=true"
										type="text" size="small">查看</el-button>
									<el-button style="border: 1px solid; width: 76px;" @click="Offtheshelf=true"
										type="text" size="small">下架</el-button>
								</template>
							</el-table-column>
						</el-table> -->
						<el-table @cell-click="handle" :data="tableData" style="width: 100%;">
						     <el-table-column 
						       label="雇主姓名/门店名称"
								prop="name"
						       width="180">
						     </el-table-column>
						     <el-table-column
						       prop="startTime"
						       label="岗位名称"
						       width="180">
						     </el-table-column>
						     <el-table-column
						       prop="addressCounty"
						       label="工作地区">
						     </el-table-column>
							  <el-table-column
							    prop="deliverPeople"
							    label="详细地址"
							    width="180">
							  </el-table-column>
							  <el-table-column
							    prop="invitePeople"
							    label="薪资待遇"
							    width="180">
							  </el-table-column>
							  <el-table-column
							    prop="interviewPeople"
							    label="招聘人数">
							  </el-table-column>
							  <el-table-column
							    prop="failedInterviewPeople"
							    label="发布日期">
							  </el-table-column>
							  <el-table-column label="操作" width="180">
							  	<template v-if="page==1" slot-scope="scope">
							  		<el-button @click="Jobdetails=true"
							  			type="text" size="small">查看</el-button>
							  		<el-button @click="Offtheshelf=true"
							  			type="text" size="small">下架</el-button>
							  	</template>
							  </el-table-column>
							
						   </el-table>
					</div>
				</div>
				<div v-if="page==2" class="job-content">

					<div class="value" style="margin: 23px 0 23px 0;display: flex;flex-direction: column; ">
						<div style="display: flex;margin-left: 62px; width: 100%;">
							<div class="input">
								<p style="
							  line-height: 40px;">雇主姓名:</p>
								<el-input placeholder="请输入内容"></el-input>
							</div>
							<!-- <div class="input">
								<p style="
								
							    line-height: 40px;">门店名称:</p>
								<el-input placeholder="请输入内容"></el-input>
							</div> -->
							<div class="input">
								<p style="
								
							    line-height: 40px;">所在地区:</p>
								<el-input placeholder="请输入内容"></el-input>
							</div>

						</div>
						<div style="display: flex;justify-content: space-around;margin: 52px 0 29px -190px;">
							<div class="block">
								<span class="demonstration">注册时间</span>
								<el-date-picker v-model="value1" type="daterange" range-separator="至"
									start-placeholder="开始日期" end-placeholder="结束日期">
								</el-date-picker>
							</div>
							<!-- <div class="input">
								<p style="line-height: 40px;">排序方式:</p>
								<el-input placeholder="请输入内容"></el-input>
							</div> -->
							<el-button type="primary" style="
							        width: 177px;
							      height: 42px;
							      background: #004DD5;
							  	  font-size: 21px;
							  	  font-family: PingFang SC;
							  	  font-weight: 500;
							  	  line-height: 18px;
							  	  color: #FFFFFF;">查询</el-button>
						</div>
						<!-- <el-table @cell-click="handle" :data="tableData" style="width: 100%;">
							<el-table-column prop="date" label="雇主姓名/门店名称" width="180"></el-table-column>
							<el-table-column prop="date" label="岗位名称" width="180"></el-table-column>
							<el-table-column prop="date" label="工作地区" width="180"></el-table-column>
							<el-table-column prop="date" label="详细地址" width="180"></el-table-column>
							<el-table-column prop="date" label="薪资待遇" width="180"></el-table-column>
							<el-table-column prop="date" label="招聘人数" width="180"></el-table-column>
							<el-table-column prop="date" label="发布日期" width="180"></el-table-column>
							<el-table-column prop="date" label="下架类型" width="180"></el-table-column>
							<el-table-column prop="date" label="下架日期" width="190"></el-table-column>
						</el-table> -->
						<el-table @cell-click="handle" :data="tableData" style="width: 100%;">
						     <el-table-column 
						       label="雇主姓名/门店名称"
								prop="name"
						       width="180">
						     </el-table-column>
						     <el-table-column
						       prop="startTime"
						       label="岗位名称"
						       width="180">
						     </el-table-column>
						     <el-table-column
						       prop="addressCounty"
						       label="工作地区">
						     </el-table-column>
							  <el-table-column
							    prop="deliverPeople"
							    label="详细地址"
							    width="180">
							  </el-table-column>
							  <el-table-column
							    prop="invitePeople"
							    label="薪资待遇"
							    width="180">
							  </el-table-column>
							  <el-table-column
							    prop="interviewPeople"
							    label="招聘人数">
							  </el-table-column>
							  <el-table-column
							    prop="failedInterviewPeople"
							    label="发布日期">
							  </el-table-column>
							<el-table-column
							  prop="failedInterviewPeople"
							  label="下架类型">
							</el-table-column>
							<el-table-column
							  prop="failedInterviewPeople"
							  label="下架日期">
							</el-table-column>
							
						   </el-table>

					</div>
				</div>
				<div v-if="page==3" class="job-content">
					<div class="value" style="margin: 23px 0 23px 0;display: flex;flex-direction: column; ">
						<div style="display: flex;margin-left: 62px; width: 100%;">
							<div class="input">
								<p style="
						  line-height: 40px;">雇主姓名:</p>
								<el-input placeholder="请输入内容"></el-input>
							</div>
							<!-- <div class="input">
								<p style="
							
						    line-height: 40px;">门店名称:</p>
								<el-input placeholder="请输入内容"></el-input>
							</div> -->
							<div class="input">
								<p style="
						    line-height: 40px;">所在地区:</p>
								<el-input placeholder="请输入内容"></el-input>
							</div>

						</div>
						<div style="display: flex;justify-content: space-around;margin: 52px 0 29px -190px;">
							<div class="block">
								<span class="demonstration">注册时间</span>
								<el-date-picker v-model="value1" type="daterange" range-separator="至"
									start-placeholder="开始日期" end-placeholder="结束日期">
								</el-date-picker>
							</div>
							<!-- <div class="input">
								<p style="line-height: 40px;">排序方式:</p>
								<el-input placeholder="请输入内容"></el-input>
							</div> -->
							<el-button type="primary" style="
						        width: 177px;
						      height: 42px;
						      background: #004DD5;
						  	  font-size: 21px;
						  	  font-family: PingFang SC;
						  	  font-weight: 500;
						  	  line-height: 18px;
						  	  color: #FFFFFF;">查询</el-button>
						</div>
						<!-- <el-table @cell-click="handle" :data="tableData" style="width: 100%;">
							<el-table-column prop="date" label="雇主姓名/门店名称" width="190"></el-table-column>
							<el-table-column prop="date" label="岗位名称" width="190"></el-table-column>
							<el-table-column prop="date" label="发布日期" width="190"></el-table-column>
							<el-table-column prop="date" label="入职人员会员名称" width="190"></el-table-column>
							<el-table-column prop="date" label="入职时间" width="190"></el-table-column>
							<el-table-column prop="date" label="过保障期时间" width="190"></el-table-column>
							<el-table-column prop="date" label="待支付费用" width="190"></el-table-column>
							<el-table-column prop="date" label="操作" width="300">
								<template v-if="page==3" slot-scope="scope">
								<el-button style="border: 1px solid; width: 76px;" @click="remind_box=true" type="text" size="small">提醒</el-button>
								</template>
							</el-table-column>
						</el-table> -->
						<el-table @cell-click="handle" :data="tableData" style="width: 100%;">
						     <el-table-column 
						       label="雇主姓名/门店名称"
								prop="name"
						       width="180">
						     </el-table-column>
						     <el-table-column
						       prop="startTime"
						       label="岗位名称"
						       width="180">
						     </el-table-column>
						     <el-table-column
						       prop="addressCounty"
						       label="发布日期">
						     </el-table-column>
							  <el-table-column
							    prop="deliverPeople"
							    label="入职人员会员名称"
							    width="180">
							  </el-table-column>
							  <el-table-column
							    prop="invitePeople"
							    label="入职时间"
							    width="180">
							  </el-table-column>
							  <el-table-column
							    prop="interviewPeople"
							    label="过保障期时间">
							  </el-table-column>
							  <el-table-column
							    prop="failedInterviewPeople"
							    label="待支付费用">
							  </el-table-column>
							  <el-table-column label="操作" width="180">
							  	<template v-if="page==3" slot-scope="scope">
							  	<el-button style="border: 1px solid; width: 76px;" @click="remind_box=true" type="text" size="small">提醒</el-button>
							  	</template>
							  </el-table-column>
							
						   </el-table>
					</div>
				</div>
			    <div v-if="page==4" class="job-content">
				<div class="value" style="margin: 23px 0 23px 0;display: flex;flex-direction: column; ">
					<div style="display: flex;margin-left: 62px; width:100%;">
						<div class="input">
							<p style="
					  line-height: 40px;">雇主姓名:</p>
							<el-input placeholder="请输入内容"></el-input>
						</div>
						<!-- <div class="input">
							<p style="
						
					    line-height: 40px;">门店名称:</p>
							<el-input placeholder="请输入内容"></el-input>
						</div> -->
						<div class="input">
							<p style="
						
					    line-height: 40px;">所在地区:</p>
							<el-input placeholder="请输入内容"></el-input>
						</div>
			
					</div>
					<div style="display: flex;justify-content: space-around;margin: 52px 0 29px -190px;">
						<div class="block">
							<span class="demonstration">注册时间</span>
							<el-date-picker v-model="value1" type="daterange" range-separator="至"
								start-placeholder="开始日期" end-placeholder="结束日期">
							</el-date-picker>
						</div>
						<!-- <div class="input">
							<p style="line-height: 40px;">排序方式:</p>
							<el-input placeholder="请输入内容"></el-input>
						</div> -->
						<el-button type="primary" style="
					        width: 177px;
					      height: 42px;
					      background: #004DD5;
					  	  font-size: 21px;
					  	  font-family: PingFang SC;
					  	  font-weight: 500;
					  	  line-height: 18px;
					  	  color: #FFFFFF;">查询</el-button>
					</div>
					<!-- <el-table @cell-click="handle" :data="tableData" style="width: 100%;">
						<el-table-column prop="date" label="雇主姓名/门店名称" width="190"></el-table-column>
						<el-table-column prop="date" label="岗位名称" width="190"></el-table-column>
						<el-table-column prop="date" label="发布日期" width="190"></el-table-column>
						<el-table-column prop="date" label="入职人员会员名称" width="190"></el-table-column>
						<el-table-column prop="date" label="入职时间" width="190"></el-table-column>
						<el-table-column prop="date" label="过保障期时间" width="190"></el-table-column>
						<el-table-column prop="date" label="已支付费用" width="190"></el-table-column>
						<el-table-column prop="date" label="支付时间" width="300"></el-table-column>
					</el-table> -->
					<el-table @cell-click="handle" :data="tableData" style="width: 100%;">
					     <el-table-column 
					       label="雇主姓名/门店名称"
							prop="name"
					       width="180">
					     </el-table-column>
					     <el-table-column
					       prop="startTime"
					       label="岗位名称"
					       width="180">
					     </el-table-column>
					     <el-table-column
					       prop="addressCounty"
					       label="发布日期">
					     </el-table-column>
						  <el-table-column
						    prop="deliverPeople"
						    label="入职人员会员名称"
						    width="180">
						  </el-table-column>
						  <el-table-column
						    prop="invitePeople"
						    label="入职时间"
						    width="180">
						  </el-table-column>
						  <el-table-column
						    prop="interviewPeople"
						    label="过保障期时间">
						  </el-table-column>
						  <el-table-column
						    prop="failedInterviewPeople"
						    label="已支付费用">
						  </el-table-column>
						<el-table-column
						  prop="failedInterviewPeople"
						  label="支付时间">
						</el-table-column>
						
					   </el-table>
			
				</div>
			</div>
			</el-tab-pane>
		</el-tabs>
		<!-- 门店信息弹框 -->
		<el-dialog title="发才网络家政有限公司" style="font-size: 20px;" :visible.sync="Store_information" width="1269px" center>
			<div class="center">
				<div class="store-title">
					<div class="store-title-left">
						<div><span>公司法人</span><span>{{storeInif.corporate}}</span></div>
						<div><span>运营联系人</span><span>{{storeInif.operationContacts}}</span></div>
						<div><span>运营联系电话</span><span>{{storeInif.operationTell}}</span></div>
						<div><span>公司联系电话</span><span>{{storeInif.companyTell}}</span></div>
						<p>公司营业执照</p>
						<div><img :src="storeInif.businessLicense" /></div>
						<p>门店logo</p>
						<div><img :src="storeInif.logo" /></div>
					</div>
					<div class="store-title-right">
						<div><span>公司地址</span><span>{{storeInif.address}}</span></div>
						<div><span>详细地址</span><span>{{storeInif.detailedAddress}}</span></div>
						<p>公司介绍</p>
						<div> <textarea>{{storeInif.companyIntroduction}}</textarea></div>

					</div>
				</div>
			</div>
			<span slot="footer" class="dialog-footer">
				<el-button style="
	    background-color: #FF0000;width: 243px;
		border-radius: 3px;
		font-size: 26px;
		font-family: PingFang SC;
		font-weight: bold;" @click="Store_information=false">关闭</el-button>
			</span>
		</el-dialog>
		<!-- 雇主信息弹框 -->
		<el-dialog title="雇主信息" :visible.sync="employerinformation" width="1252px" center>
			<div class="content">
				<div class="store-title-bottom">
					<div class="information">
						<div><span>姓名</span><span>{{userInif.name}}</span></div>
						<div><span>身份证号码</span><span>{{userInif.idnumber}}</span></div>
						<div><span>地址</span><span>{{userInif.domicileAddress}}</span></div>
						<p>身份证正反面照片</p>
						<div class="PhotoId">
							<div style="margin-right: 100px;"><img :src="userInif.identityFrontPicture||''"></div>
							<div><img :src="userInif.identityVersoPicture||''"></div>
						</div>
					</div>
				</div>
			</div>

		</el-dialog>
		<!-- 岗位详情弹框 -->
		<el-dialog title="岗位详情" :visible.sync="Jobdetails" width="1252px" center>
			<div class="content">
				<p>护工</p>
				<div class="miaoshu">
					<div class="content-title">
						<div class="left">
							<div style="display: flex;flex-direction: column;">
								<div><span class="th">薪资:</span><span class="td">6k-8k</span></div>
								<div><span class="th">招聘人数:</span><span class="td">20人</span></div>
								<div><span class="th">年龄范围:</span><span class="td">20-30岁</span></div>
							</div>
						</div>
						<div class="right">
							<div style="width: 100%;">
								<div><span class="th">学历要求:</span><span class="td">初中以下</span></div>
								<div><span class="th">工作经验:</span><span class="td">不限</span></div>
								<div><span class="th">发布时间:</span><span class="td">2020-02-12 11:30</span></div>
							</div>
						</div>
					</div>
					<div>
						<span class="th">任职要求:</span><span class="td">这边是任职要求这边是任职要求这边是任职要求这边是任职要求这边是任职要求这边是任职要求
							这边是任职要求这边是任职要求这边是任职要求这边是任职要求这边是任职要求这边是任职要求这边是任职
							这边是任职要求这边是任职要求这边是任职要求这边是任职要求这边是任职要求这边是任职要求要求</span>
					</div>
					<div>
						<span class="th">工作地址:</span><span class="td">上海市闵行区顾戴路118号</span>
						<baidu-map class="map" :center="map.content" :zoom='13' :scroll-wheel-zoom='true'>
						</baidu-map>
					</div>
					<div>
						<span class="th">福利待遇:</span>
						<div class="tag-group">
							<el-tag v-for="item in items" :key="item.label" type="danger" effect="plain">
								{{ item.label }}
							</el-tag>
						</div>
					</div>
					<div>
						<span class="th">能力要求:</span>
						<!-- 能力表 -->
						<div style="display: flex;justify-content: space-between;">
							<table width="494px">
								<tr>
									<th class="bold"></th>
									<th class="bold">一般</th>
									<th class="bold">良好</th>
									<th class="bold">优秀</th>
								</tr>
								<tr v-for="(item,index) in table_data">
									<th class="bold">{{item.one}}</th>
									<th>
										<div v-if="item.tow==1" class="nengli">一般</div>
									</th>
									<th>
										<div v-if="item.tow==2" class="nengli">良好</div>
									</th>
									<th>
										<div v-if="item.tow==3" class="nengli">优秀</div>
									</th>
								</tr>
							</table>
							<table width="494px">
								<tr>
									<th class="bold"></th>
									<th class="bold">一般</th>
									<th class="bold">良好</th>
									<th class="bold">优秀</th>
								</tr>
								<tr v-for="(item,index) in table_data">
									<th class="bold">{{item.one}}</th>
									<th>
										<div v-if="item.tow==1" class="nengli">一般</div>
									</th>
									<th>
										<div v-if="item.tow==2" class="nengli">良好</div>
									</th>
									<th>
										<div v-if="item.tow==3" class="nengli">优秀</div>
									</th>
								</tr>
							</table>
						</div>
					</div>
				</div>
			</div>
		</el-dialog>
		<!-- 下架弹框 -->
		<el-dialog title="提示" :visible.sync="Offtheshelf" width="573px" center>
			<textarea style="width: 483px;
                            height: 158px;
                            background: #FFFFFF;
							margin: 0 auto;
							display: block;
                            border: 1px solid #CCCCCC;" placeholder="请输入下架理由"></textarea>
			<button class="submit">确认</button>
		</el-dialog>
		<!-- 下架原因弹框 -->
		<el-dialog :visible.sync=" Reasonsremoval" width="1314px">
			<div style="width: 1111px;margin: 0 auto;">
				<el-table @cell-click="handle" :data="tableData" border style="width: 100%;">
					<el-table-column prop="date" label="审核人" width="277"></el-table-column>
					<el-table-column prop="date" label="审核结果" width="277"></el-table-column>
					<el-table-column prop="date" label="审核时间" width="277"></el-table-column>
					<el-table-column prop="date" label="审核说明" width="278"></el-table-column>
				</el-table>
			</div>
		</el-dialog>
		<!-- 提醒弹框 -->
		<el-dialog title="提醒" :visible.sync="remind_box" width="573px" center>
			<textarea style="width: 483px;
			                  height: 158px;
			                  background: #FFFFFF;
							  margin: 0 auto;
							  display: block;
			                  border: 1px solid #CCCCCC;" placeholder="请输入提醒内容"></textarea>
			<button class="submit">确认</button>
		</el-dialog>
		<!-- 地址弹框 -->
		<el-dialog title="提示" center :visible.sync="address_box" width="571px">
			<van-area v-on:confirm="confirm1" :area-list="areaList" />
		</el-dialog>
	</div>
</template>

<script>
	import Vue from 'vue';
	import {Area} from 'vant';
	import 'vant/lib/index.css';
	import {areaList} from '@vant/area-data';
	import '@vant/touch-emulator';
	Vue.use(Area);
	export default {
		data() {
			return {
				userInif:{},//用户信息
				storeInif:{},//门店信息
				sortordType:0,
				address:'',
				areaList,
				address_box:false,
				form:{
					 acceptedPeople: "",
					    addressCity: "",
					    addressCounty: "",
					    addressProvince: "",
					    deliverPeople: "",
					    endTime: "",
					    failedInterviewPeople: "",
					    guaranteePeople: "",
					    interviewPeople: "",
					    invitePeople: "",
					    name: "",
					    pageNum: "",
					    pageSize: "",
					    rank: "",
					    sortordType: "",
					    startTime: ""
				},
				remind_box:false,//提醒弹框
				Reasonsremoval: false, //下架原因弹框
				page: 1, //岗位管理页面跳转
				Offtheshelf: false, //下架弹框
				Jobdetails: false, //岗位详情弹框
				resumeinf: false, //简历弹框
				tableData: [{
					date: '2016-05-02',
					name: '王小虎',
					address: '上海市普陀区金沙江路 1518 弄'
				}],
				items: [{
						label: '标签四'
					},
					{
						label: '标签2'
					},
					{
						label: '标签3'
					},
					{
						label: '标签1'
					},
					{
						label: '标签5'
					},
				],
				table_data: [{
						one: '餐饮综合',
						tow: 1
					}, {
						one: '餐饮综合',
						tow: 3
					},
					{
						one: '餐饮综合',
						tow: 2
					},
					{
						one: '餐饮综合',
						tow: 1
					},
				],
				map: {
					content: {
						lng: 114.065537,
						lat: 22.553321
					}
				},
				  options: [{
				          value: '1',
				          label: '注册时间'
				        }, {
				          value: '2',
				          label: '投递人数'
				        }, {
				          value: '3',
				          label: '邀约人数'
				        }, {
				          value: '4',
				          label: '待面试人数'
				        }, {
				          value: '5',
				          label: '面试未通过人数'
				        },
						{
						  value: '6',
						  label: '已录用人数'
						},
						{
						  value: '7',
						  label: '满保障期人数'
						},],
						value: '',
				employerinformation: false, //雇主弹框
				Store_information: false, //门店信息弹框
				value1: '',
				activeName: 'first',
				tableData: [{
					date: '2016-05-02',
					name: '王小虎',
					address: '上海市普陀区金沙江路 1518 弄'
				}]
			};
		},
		created() {
			this.get_list()
		},
		methods: {
			Type(row){
				this.sortordType=row;
			},
			query(e){
				console.log(e);
				e.startTime = this.value1[0];
				e.endTime = this.value1[1];
				this.$houseAxios.post('/house/staffing/selectStaffingVoList', {
					name:e.name,
					addressProvince:e.addressProvince,
					addressCounty:e.addressCounty,
					addressCity:e.addressCity,
					startTime:e.startTime,
					endTime:e.endTime,
					sortordType:this.sortordType
				}).then(res => {
					this.tableData = res.data.data;
					this.tableData.forEach(e=>{
						e.address = e.addressProvince + '-' + e.addressCity + '-' + e.addressCounty;
					})
				}).catch(err=>{})
			},
			confirm1(res) {
				this.form.addressProvince = res[0].name;
				this.form.addressCity = res[1].name;
				this.form.addressCounty = res[2].name;
				this.address_box = false;
				this.address = this.form.addressProvince + '-' + this.form.addressCity + '-' + this.form.addressCounty;
			},
			handleClick(tab, event) {
				console.log(tab, event);
			},
			// 查看用户或门店信息
			getinif(row){
			if(row.rank==2){
				this.$houseAxios.get('/house/staffing/selectCertificationByUserId', {
					params:{
						userId:row.userId
					}
				}).then(res=>{
					console.log(res)
					this.userInif=res.data.data;
					this.employerinformation=true;
				})
			}else{
				this.$houseAxios.get('/house/staffing/selectStoreByUserId', {
					params:{
						userId:row.userId
					}
				}).then(res=>{
					this.storeInif=res.data.data;
					this.storeInif.address = row.address;
					this.Store_information = true;
				})
				
			}	
			},
			handle(row, column, event, cell) {
				console.log(row)
				// console.log(column)
				if (column.label == '雇主姓名/门店名称') {
					this.getinif(row);
				}else if(column.label == '岗位名称'){
					this.Jobdetails=true;
				}else if (column.label == '投递人数' || column.label == '邀约人数' || column.label == '待面试人数' || column.label ==
					'面试未通过人数' || column.label == '已录用人数' || column.label == '满保障期人数') {
					this.$router.push({
						path: '/home/personnel',
						query: {
							data: row,
							name: column.label
						}
					})
				} else if(column.label == '下架类型') {
					this.Reasonsremoval = true;
				}
				// console.log(event)
				// console.log(cell)
			},
			get_list(e) {
				this.$houseAxios.post('/house/staffing/selectStaffingVoList', {
				}).then(res => {
					console.log(res)
					this.tableData = res.data.data;
					console.log(this.tableData)
					
					this.tableData.forEach(e=>{
						e.address = e.addressProvince + '-' + e.addressCity + '-' + e.addressCounty;
					})
				}).catch(err => {})
			},
		}
	};
</script>

<style scoped="scoped">
	/deep/.el-input__inner{
		height: 33px;
		margin-top: 3px;
	}
	/deep/.el-range-editor.el-input__inner{
		height: 33px;
		margin-top: 3px;
	}
	/deep/.el-tabs--card>.el-tabs__header .el-tabs__nav {
		border: none;
	}

	/deep/.el-tabs--card>.el-tabs__header {
		border: none;
	}

	/deep/.el-tabs__content {
		height: 855px;
		background: #FFFFFF;
	}

	/deep/.el-table td {
		text-align: center;
		font-size: 14px;
		font-family: PingFang SC;
		font-weight: 500;
		line-height: 22px;
		color: #000000;
	}

	/deep/.el-tabs__item {
		width: 111px;
		height: 46px;
		border-radius: 5px;
		text-align: center;
		font-size: 17px;
		font-family: PingFang SC;
		font-weight: 400;
		line-height: 40px;
		color: #000000;
		padding-right: 50px;
	}

	/deep/.el-tabs__item.is-active {
		background: #004DD5;
		color: white;
	}

	/deep/.el-tabs--card>.el-tabs__header .el-tabs__item {
		margin-right: 20px;
		border: none;
		width: 210px;
	}

	/deep/.el-table th {
		background-color: #004DD5;
		font-size: 17px;
		font-family: PingFang SC;
		font-weight: 500;
		line-height: 16px;
		text-align: center;
		color: #FFFFFF;
	}

	/deep/.el-table td {
		text-align: center;
		font-size: 13px;
		font-family: PingFang SC;
		font-weight: 500;
		line-height: 22px;
		color: #000000;
	}

	/deep/.el-tabs--card>.el-tabs__header {
		border: none;
	}

	/deep/.el-tabs--card>.el-tabs__header {
		border: none;
	}

	/deep/.el-table td {
		text-align: center;
		font-size: 16px;
		font-family: PingFang SC;
		font-weight: 500;
		line-height: 22px;
		color: #000000;
	}
	.el-tabs {
		width: 95%;
		margin: 2% auto;
	}
	.content {
		width: 100%;
		height: 100%;
		/* border: 1px solid red; */
	}

	.input {
		display: flex;
	}

	.input>p {
		width: 100px;
		text-align: center;
	}

	/deep/.el-table td:nth-child(1) {
		color: #004DD5;
	}

	.center {
		/* border:1px solid; */
		width: 953px;
		margin: 20px 184px 20px 132px;
	}

	/deep/.el-dialog__title {
		font-size: 32px;
		font-family: PingFang SC;
		font-weight: bold;
		line-height: 45px;
		margin-top: 30px;
		display: inline-block;
	}

	.store-title {
		display: flex;
		justify-content: space-around;
		margin: 0 auto;
	}

	.store-title-left {
		/* border: 1px solid red; */
		flex: 1;
		display: flex;
		flex-direction: column;
	}

	.store-title-left>div,
	.store-title-right>div {
		margin: 20px;
	}

	.store-title-left>div>span:nth-child(1),
	.store-title-right>div>span:nth-child(1) {
		font-size: 26px;
		font-family: PingFang SC;
		font-weight: 500;
		line-height: 37px;
		width: 173px;
		display: inline-block;
	}

	.store-title-left>div>span:nth-child(2),
	.store-title-right>div>span:nth-child(2) {
		font-size: 26px;
		font-family: PingFang SC;
		font-weight: 500;
		line-height: 37px;
		color: #000000;
	}

	.store-title-right {
		/* border: 1px solid blue; */
		flex: 1;
	}

	.store-title-right>div {
		display: flex;
		margin-bottom: 48px;
	}

	.store-title-right>div>span:nth-child(2) {
		width: 338px;
	}

	.store-title-left>p {
		font-size: 26px;
		font-family: PingFang SC;
		font-weight: 500;
		line-height: 37px;
		width: 180px;
		display: inline-block;
		margin: 20px;
	}

	.store-title-right>p {
		margin: 60px 20px 0 20px;
		font-size: 26px;
		font-family: PingFang SC;
		font-weight: 500;
		line-height: 37px;
		width: 180px;
		display: inline-block;
	}

	.store-title-left>div>img {
		display: inline-block;
		width: 134px;
		height: 134px;
	}

	.store-title-right>div>textarea {
		width: 475px;
		height: 374px;
		font-size: 20px;
		font-family: PingFang SC;
		font-weight: 500;
		line-height: 28px;
		padding: 34px 33px 10px 22px;
	}

	.store-title-bottom>p {
		font-size: 32px;
		font-family: PingFang SC;
		font-weight: bold;
		line-height: 45px;
		color: #000000;
		text-align: center;
	}

	.store-title-bottom>.information {
		display: flex;
		flex-direction: column;
	}

	.information>div {
		margin: 20px;
	}

	.information>div>span:nth-child(1) {
		font-size: 26px;
		font-family: PingFang SC;
		font-weight: 500;
		line-height: 37px;
		color: #676767;
		display: inline-block;
		width: 150px;
	}

	.information>div>span:nth-child(2) {
		font-size: 26px;
		font-family: PingFang SC;
		font-weight: 500;
		line-height: 37px;
		color: #000000;
	}

	.information>p {
		margin: 20px;
		font-size: 26px;
		font-family: PingFang SC;
		font-weight: 500;
		line-height: 37px;
		color: #676767;
	}

	.PhotoId>div {
		display: inline-block;
		width: 400px;
		height: 300px;
	}

	.PhotoId>div>img {
		width: 100%;
		height: auto;
	}

	.job-title {
		width: 520px;
		border-radius: 5px 5px 0px 0px;
		height: 57px;
		border: 1px solid #CCCCCC;
		display: flex;
	}

	.job-title>p {
		width: 147px;
		height: 57px;
		text-align: center;
		font-size: 17px;
		font-family: PingFang SC;
		font-weight: 400;
		line-height: 52px;
		border-right: 1px solid #CCCCCC;
	}

	.job-content {
		width: 100%;
		height: 791px;
		border: 1px solid #CCCCCC;
	}




	/* 岗位详情 */
	.content {
		/* height: 2470px; */
		/* padding: 30px; */
		position: relative;
	}

	.content>.content-title {
		width: 100%;
		height: 330px;
		/* border: 1px dashed #CCCCCC; */
		display: flex;
		justify-content: space-between;
	}

	.content>.content-title>div {
		/* border: 1px solid red; */
		height: 100%;
		flex: 1;
		display: flex;
		justify-content: space-between;
	}

	.content>.miaoshu>.content-title {
		width: 100%;
		/* border: 1px dashed #CCCCCC; */
		display: flex;
		justify-content: space-between;
	}

	.content>.miaoshu>.content-title>div {
		/* border: 1px solid red; */
		height: 100%;
		flex: 1;
		display: flex;
		justify-content: space-between;
	}

	.content>p {
		font-size: 26px;
		font-family: PingFang SC;
		font-weight: bold;
		line-height: 37px;
		color: #333333;
	}

	.content-center {
		width: 100%;
		height: 285px;
		/* border: 1px dashed #CCCCCC; */
		margin-top: 25px;
	}

	.content-center>.tab {
		display: flex;
		justify-content: space-between;
	}

	.content-center>.tab>div {
		display: flex;
		flex-direction: column;
	}

	.experience {
		width: 100%;
		/* border: 1px dashed #CCCCCC; */
	}

	.experience-content {
		margin-bottom: 20px;
	}

	.quan {
		margin-right: 20px;
		display: inline-block;
		width: 11px;
		height: 11px;
		border: 1px solid #E91E14;
		border-radius: 50%;
		opacity: 0.8;
	}

	.train {
		width: 100%;
	}

	.train-content {
		width: 100%;
		display: flex;
		flex-direction: column;
		margin-bottom: 20px;
	}

	.evaluation {
		width: 100%;
	}

	.evaluation>.text {
		width: 1106px;
		font-size: 24px;
		font-family: PingFang TC;
		font-weight: 400;
		line-height: 33px;
		color: #333333;
	}

	.th {
		font-size: 25px;
		font-family: PingFang TC;
		font-weight: 400;
		line-height: 50px;
		color: #999999;
	}

	.td {
		font-size: 25px;
		font-family: PingFang TC;
		font-weight: 400;
		line-height: 50px;
		color: #333333;
	}

	.map {
		width: 825px;
		height: 233px;
	}

	/deep/.el-tag--plain.el-tag {
		width: 117px;
		height: 43px;
		border: 1px solid #FE3B2D;
		opacity: 1;
		border-radius: 5px;
		font-size: 19px;
		font-family: PingFang SC;
		font-weight: 400;
		line-height: 36px;
		color: #FE3B2D;
		text-align: center;
		margin-right: 30px;
	}

	.bold {
		font-size: 19px;
		font-family: PingFang SC;
		font-weight: bold;
		line-height: 40px;
		color: #000000;
	}

	table {
		background: #F5F5F5;
		border-radius: 8px;
	}

	.nengli {
		width: 54px;
		height: 21px;
		border: 1px solid #FFFFFF;
		background: linear-gradient(132deg, #FFDDDD 0%, #FF3E3E 100%);
		font-size: 11px;
		font-family: PingFang SC;
		font-weight: 400;
		line-height: 16px;
		color: #FFFFFF;
		border-radius: 10px;
	}

	textarea::-webkit-input-placeholder {
		font-size: 24px;
		font-family: PingFang SC;
		font-weight: 400;
		line-height: 33px;
		color: #808080;
	}

	.submit {
		width: 186px;
		height: 57px;
		background: #FFFFFF;
		border: 1px solid #CCCCCC;
		border-radius: 5px;
		font-size: 30px;
		font-family: PingFang SC;
		font-weight: 300;
		line-height: 42px;
		color: #000000;
		margin: 20px auto;
		display: block;

	}

	.blue {
		color: #004DD5;
	}
	.adds{
		margin-left: 315px;
	}
	.flex{
		padding: 15px;
	}
	.flex>div{
		flex: 1;
	}
</style>
